youtube
In this video, I explore the HandPose model using ml5.js. I'll demonstrate how to track hand keypoints and create an interactive painting sketch using gestures. Code:
🚀 Watch this video ad-free on Nebula
p5.js Web Editor Sketches:
🕹️ HandPose - Keypoints:
🕹️ HandPose - Painting:
🕹️ Simple painting:
🕹️ HandPose Painting - Stroke Weight:
🕹️ HandPose Painting - Color:
🕹️ HandPose - Thumbs up or Thumbs Down:
🕹️ HandPose - Particles:
🎥 Previous:
🎥 Next:
🎥 All:
References:
💻 ml5.js:
🏫 Introduction to ML for the Arts:
📺 Jack B. Du's YouTube channel:
🎨 Jack B. Du's Instagram:
💻 On-Device, Real-Time Hand Tracking with MediaPipe:
📄 3D Hand Pose with MediaPipe and TensorFlow.js:
Timestamps:
0:00 Introduction
1:23 Technical background of the model
3:52 Convert BodyPose to HandPose
5:54 Detecting more than one hand
6:14 Detecting handedness (left or right)
6:51 Creating a painting sketch with index and thumb
10:19 Add a layer using createGraphics()
12:40 Storing previous hand position to draw a line
14:17 Exercise ideas for you!
15:27 Goodbye!
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
🚂 Website:
👾 Share Your Creation!
🚩 Suggest Topics:
💡 GitHub:
💬 Discord:
💖 Membership:
🛒 Store:
🖋️ Twitter:
📸 Instagram:
🎥
🎥
🔗 p5.js:
🔗 p5.js Web Editor:
🔗 Processing:
📄 Code of Conduct:
This description was auto-generated. If you see a problem, please open an issue:
#machinelearningml #webcam #posedetection #ml5js #handp
|
2024/10/29
youtube
